

.top1{
    width:1100px;
	height:auto;
    margin:auto;
	background-image: url(../images/222.jpg);
}

.top-h{
    margin-left: 300px;
    height: 50px;
}
.top-h h1{
	font-size: 50px;
	color: #000000;	
}
#nav{
	width: 1000px;
	margin: 20px auto;
	height: 50px;
	background-color: #000000;
	border-radius: 15px;
	padding-top: 10px;
	box-shadow: 0 2px 2px 1px #000;
}
#nav li{
	float: left;
	list-style: none;
	text-align: center;
	height: 40px;
	width:80px;
	padding:8px 10px ;

}
#nav a {
    font-weight:bold;
    color:#f4f4f4;
    text-decoration:none;
    display:block;
    border-radius:10px; 
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 1px 1px #000;
}
#nav li:hover > a {
    background:#f4f4f4 repeat-x 0 -20px;
    color:#000;
    border-top:1px solid #f8f8f8;
    box-shadow:0 2px 2px rgba(0,0,0, .7); 
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
}
#nav ul li a:hover {
    background:#335599 repeat-x 0 -100px;
    color:#fff;
    border-radius:10px; 
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}
#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; 
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; 
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:120px;
    position:absolute;
    background: #33CCFF; repeat-x 0 0;
    border:1px solid #7788aa;

    border-radius:10px; 
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}

.jiesao{
	color: #FF0000;
	text-align:center;
}

.l-introduce{
    float: left;
    width: 200px;
	margin-top:1.25rem;
	text-align:center;
	margin-left: 40px;
}
.l-introduce section{
    background-image: url(../images/63E58PICCIW_1024.png);
    padding: 20px;
    margin-bottom: 10px;
}
.l-introduce h1{
    color: #FF0066;
    font-size: 1.25rem;
    margin-bottom: 10px;
}
.int1 figure{
    float: left;
}
.int1 .figure-r{
    margin-left: 20px;
}
.int1 figure img{
    width: 120px;
    height: 120px;
    border: 2px solid #ffffff;
}
.int1 figcaption{
    text-align: center;
    margin-bottom: 10px;
}
.in{
	color: #AABBCC;
}

main{
    background-image: url(../images/psb%20(1).jpg);
    padding: 20px;
    margin-left: 250px;
	margin-top: 1.25rem;
	
}
main article{
    border-bottom: 1px dashed #FF0000;
    margin-bottom: 10px;
    padding-bottom: 10px;
	
}
main .last-article{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
main article h2{
    color:#F06;
    font-size:25px;
    margin-bottom: 10px;
	text-align:center;
}
main article time{
    color: #006F47;
}
/**/
main article small{
    color: #00FFFF;
    font-size: 0.8em;
}
.tupian1{
	float:left;
}
.tupian1{
	 width:300px;height:300px; background: url(../images/111.jpg) no-repeat center;  
	 transition:all 0.3s; background-size:100% 100%; margin-top:0px;margin-left: 10px; 
	 border: #33CCFF 5px solid ;
}
.tupian1:hover{ background: url(../images/20151127192625_mfWnA.jpeg) no-repeat center; background-size:130% 130%;}
.page-footer{
    clear: both;
    padding: 15px;
    margin-top: 10px;
    background-color: bisque;
    color: black;
    text-align: center;
    font-size:20px;
}
.tupian2{
	float:left;
}
.tupian2{
	 width:300px;height:300px; background: url(../images/1111.jpg) no-repeat center;  
	 transition:all 0.3s; background-size:100% 100%; margin-top:0px;margin-left: 10px; 
	 border: #33CCFF 5px solid ;
}
.tupian2:hover{ background: url(../images/20150411H5650_tx4J5.jpeg) no-repeat center; background-size:130% 130%;}
.yejiao{
    clear: both;
    padding: 15px;
    margin-top: 10px;
    background-image: url(../images/psb%20(1).jpg);
    color: black;
    text-align: center;
    font-size:20px;
}
.sj{
	color: #FF0000;
	text-align:center;
}
.score{
	color: #F8F8F8;
}
figure{
	font-weight: bold;
	font-family: "bodoni mt black";
	font-size: 20px;
	text-align:center;
}
.basic-grey{
	float: right;
	margin-top: 100px;
	}
@media screen and (max-width:800px) {
	.top1 {
		width: 100%;	
		position: relative;
	}

	.top-h{
		margin-left: 100px;
		height: 30px;
		/* grid-column: span 5; */
	}

	.top-h h1 {
		font-size: 25px;
		/* transform:scale(2,1); */
	}


	/*导航*/
	.top-nov{
		display: none;
		position: relative;
		top: -45px;

	}
	#nav{
		width: 100%;
		display: flex;
		flex-direction: column;
		
	}
	#nav>li{
		width: 100%;
		flex: auto;
	}
	.l-introduce{
		float: left;
		/* width: 700px; */
		margin-top: 1.25rem;
		grid-column: span 5;
	}

	main {
		background: #efe5d0 url(../images/bg2.jpg) top left;
		/* padding: 20px;
	    margin-left: 710px;
		margin-top: 1.25rem; */
		grid-column: span 5;
	}

	}